<template>
  <div class="main-container" id="requisizione">
    <div style="background-color: #fff; height: 100%">
      <a-tabs :lazy-load="true" type="card" @change="tabsChange" justify>
        <a-tab-pane title="织单类型维护" key="1">
          <div style="height: 100%">
            <setingsz></setingsz>
          </div>
        </a-tab-pane>
        <!-- <a-tab-pane title="布飞打印模板(新版)" key="2">
                    <div style="height: 100%">
                        <BoufeiMbVue1></BoufeiMbVue1>
                    </div>
                </a-tab-pane> -->
        <a-tab-pane title="楼层区域图" key="3">
          <div style="height: 100%">
            <FloorAreaPlan></FloorAreaPlan>
          </div>
        </a-tab-pane>
      </a-tabs>
    </div>
  </div>
</template>
<script lang="ts">
  import { defineComponent, reactive } from 'vue'
  import emitter from '@/hooks/useEventBus'
  import setingsz from '@/components/processrowfactory/components/setingsz.vue'
  //   import BoufeiMbVue1 from './BoufeiMb1.vue'
  import FloorAreaPlan from './components/FloorAreaPlan.vue'
  export default defineComponent({
    components: { setingsz, FloorAreaPlan },
    name: 'setings',
    setup() {
      const pageData = reactive({
        tableIndex: '1',
      })

      const tabsChange = (e: string | number) => {
        emitter.emit('window-change')
      }
      return {
        pageData,
        tabsChange,
      }
    },
  })
</script>

<style scoped>
  .main-container {
    height: 100%;
  }
  :deep(.ag-cell-value) {
    user-select: initial;
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text;
  }
</style>
